@import "../../less/index.less";
.layout {
  #TEXT > .CENTER;
  margin-top: 79px;
}
// 页面主体
.main {
  // 焦点图
  .focus {
    height: 280px;
    width: 100%;
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
  @media screen  and (max-width: 730px) {
    .focus {
      height:200px;
      width: 100%;
    }
  }
  // 模具制造
  .container {
    .cont_hd {
      padding-top: 22px;
      height: 40px;
      font-size: @h1 - 5;
      line-height: 40px;
      .el-breadcrumb {
        float: right;
        line-height: 40px;
        .el-breadcrumb__inner {
          font-size: @h1 - 19;
          color: #000;
          a {
            color: #444;
            &:hover {
              color: red;
              cursor: pointer;
            }
          }
        }
      }
    }
    .el-divider {
      margin: 12px 0 30px 0;
      // border-top: 0.01rem dotted #989898;
    }
    .cont_bd {
      padding-bottom: 20px;
      .el-tabs {
        .el-tabs__header {
          .el-tabs__nav {
            // XXX 错过落日余晖，还可以期待满天繁星
            .el-tabs__active-bar {
            }
            .el-tabs__item {
              height: 25%;
              line-height: 40px;
              font-size: 19px;
              margin-bottom: 30px;
            }
          }
        }
        .el-tabs__content {
          .cont_bd_title {
            display: flex;
            .dot {
              display: inline-block;
              padding-left: 2%;
              font-size: @p + 7;
              font-weight: 600;
            }
            .title_info {
              display: inline-block;
              padding-left: 1%;
              font-size: @p + 7;
            }
          }
          .cont_bd_block {
            .JUSTIFY(space-around);
            flex-wrap: nowrap;
            padding: 40px 40px 0 0;
            .block_description {
              padding-top: 22px;
              width: 50%;
              font-size: 17px;
              line-height: 45px;
              // letter-spacing: 2px;
              font-weight: 300;
              text-indent: 2em;
            }
            .block {
              width: 50%;
              .el-carousel {
                .el-carousel__container {
                  height: 400px !important;
                  .el-carousel__item {
                    img {
                      .WH(100%, 100%);
                    }
                  }
                }
                .el-carousel__item h3 {
                  color: #475669;
                  font-size: 14px;
                  opacity: 0.75;
                  line-height: 150px;
                  margin: 0;
                  #TEXT .CENTER .TEXT;
                }
                .el-carousel__item:nth-child(2n) {
                  background-color: #99a9bf;
                }
                .el-carousel__item:nth-child(2n + 1) {
                  background-color: #d3dce6;
                }
              }
            }
          }
        }
      }
      @media only screen and (@LG) {
        .el-tabs {
          .el-tabs__nav {
            .el-tabs__active-bar{
              // display: none;
            }
          }
          .el-tabs__content {
            .cont_bd_block {
              display: flex;
              flex-direction: column-reverse;
              align-items: center;
              padding-right: 0;
              .block_description {
                width: 100%;
                line-height: 40px;
              }
              .block {
                width: 90%;
                .el-carousel {
                  .el-carousel__container {
                    height: 250px !important;
                  }
                  .el-carousel__indicators {
                    width: 60%!important;
                  }
                 
                }
              }
            }
          }
        }
      }
    }
  }
}
